<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML课堂练习</title>
    <style>
      
        p {color: #0000FF}
    </style>
</head>
<body>

    <!-- 网页头部 -->
    <div class="header">
        <a href="#"><img src="image/geektime.png" width="170" height="35"></a>
        <form action="" method="post">
            姓名：<input type="text" value="name">
            密码：<input type="password" value="password">
            <input type="submit" value="登录">
        </form>
        <ul>
            <li>HTML</li>
            <li>JavaScript</li>
        </ul>
    </div>
	
    <!-- 网页内容 -->
    <div class="mainbody">
        <h2>HTML介绍</h2>
        <p>
            <img src="image/geektime.png" alt="图片加载中" width=10% height=10%> <a href="#">HTML</a>即
            <b>超文本标记语言（HyperText Markup Language）。</b>
            HTML是用来描述网页的一种语言，是标记语言不是编程语言。
            HTML文档包括了HTML标签及文本内容，也叫做Web页面。
            我们常用Visual Studio Code或者Sublime Text等工具来进行Web页面开发，
            通过<a href="https://developer.mozilla.org/zh-CN/">MDN Web 文档</a>可以学习更多知识。
        </p>
    </div>
	
    <!-- 网页底部 -->
    <div class="footer" style="text-align: center">
        <small>©极客时间</small>
    </div>
</body>
</html>